Опис HTML тега <IFRAME>:

Тег <IFRAME> створює плаваючий фрейм, який знаходиться усередині звичайної документа, він дозволяє завантажувати в область заданих розмірів будь-які інші незалежні документи. Тег <IFRAME> є контейнером, зміст якого ігнорується браузерами, що не підтримують даний тег. Для таких браузерів можна вказати альтернативний текст, який побачать користувачі. Він повинен розташовуватися між елементами <IFRAME> і </ IFRAME>.

Синтаксис HTML тега <IFRAME>:

Параметри HTML тега <IFRAME>:

ALIGN - Для зображень та тексту можна вказувати їх положення щодо тексту або інших зображень на веб-сторінці. Спосіб вирівнювання задається параметром align тега. align='bottom | left | middle | right | top'

FRAMEBORDER - Визначає, відображати кордон між фреймами чи ні. Браузер Opera в будь-якому випадку показує тонку лінію, якщо у тега <FRAMESET> не заданий параметр framespacing = "0". Цей параметр скасовує дію frameborder у тега <FRAMESET>.

HEIGHT - Для зміни розмірів зображення засобами HTML передбачені параметри height і width. Допускається використовувати значення в пікселах або відсотках. Якщо встановлена процентна запис, то розміри зображення обчислюються щодо батьківського елементу - контейнера, де знаходиться тег <IMG>. У разі відсутності батьківського контейнера, в його якості виступає вікно браузера. Іншими словами, width = "100%" означає, що малюнок буде розтягнуто на всю ширину веб-сторінки. Додавання тільки одного параметра width або height зберігає пропорції і відношення сторін зображення. Браузер при цьому очікує повного завантаження малюнка, щоб визначити його первинну висоту і ширину. Обов'язково задавайте розміри всіх зображень на веб-сторінці. Це дещо прискорює завантаження сторінки, оскільки браузеру немає потреби обчислювати розмір кожного малюнка після його отримання. Це твердження особливо важливо для зображень, розміщених усередині таблиці. Ширину і висоту зображення можна змінювати як в меншу, так і більшу сторону. Проте на швидкість завантаження малюнка це ніяк не впливає, оскільки розмір файлу залишається незмінним. Тому з обережністю зменшуйте зображення, тому що це може викликати здивування у читачів, чому такий маленький малюнок так довго вантажиться. А ось збільшення розмірів призводить до зворотного ефекту - розмір зображення великий, але файл щодо зображення аналогічного розміру завантажується швидше. Але якість малюнка при цьому погіршується.

HSPACE - Для будь-якого зображення можна задати невидимі відступи по горизонталі й вертикалі за допомогою параметрів hspace і vspace. Особливо це актуально при обтіканні малюнка текстом. У цьому випадку, щоб текст не «наїжджав» щільно на зображення, необхідно навколо нього додати порожній простір.

NAME - Встановлює ідентифікатор тегу для пари «ім'я = значення». Одночасно використовувати параметри name і http-equiv не допускається.Визначає унікальне ім'я параметра.

SCROLLING - Якщо вміст фрейма не поміщається у відведене вікно, автоматично з'являються смуги прокручування для перегляду інформації. У деяких випадках, смуги прокручування порушують дизайн веб-сторінки, тому від них можна відмовитися. Для управління відображенням смуг прокручування використовується параметр scrolling.

SRC - Шлях до файлу, який буде на веб-сторінці. Список допустимих типів файлів залежить від браузера і його налаштувань, але популярні формати підтримується браузером без встановлення додаткових плагінів.

VSPACE - Для будь-якого зображення можна задати невидимі відступи по горизонталі й вертикалі за допомогою параметрів hspace і vspace. Особливо це актуально при обтіканні малюнка текстом. У цьому випадку, щоб текст не «наїжджав» щільно на зображення, необхідно навколо нього додати порожній простір.

WIDTH - Для зміни розмірів засобами HTML передбачені параметри height і width. Допускається використовувати значення в пікселах або відсотках. Якщо встановлена процентна запис, то розміри зображення обчислюються щодо батьківського елементу - контейнера, де знаходиться тег <IMG>. У разі відсутності батьківського контейнера, в його якості виступає вікно браузера. Іншими словами, width = "100%" означає, що малюнок буде розтягнуто на всю ширину веб-сторінки. Додавання тільки одного параметра width або height зберігає пропорції і відношення сторін зображення. Браузер при цьому очікує повного завантаження малюнка, щоб визначити його первинну висоту і ширину. Обов'язково задавайте розміри всіх зображень на веб-сторінці. Це дещо прискорює завантаження сторінки, оскільки браузеру немає потреби обчислювати розмір кожного малюнка після його отримання. Це твердження особливо важливо для зображень, розміщених усередині таблиці. Ширину і висоту зображення можна змінювати як в меншу, так і велику сторону. Проте на швидкість завантаження малюнка це ніяк не впливає, оскільки розмір файлу залишається незмінним. Тому з обережністю зменшуйте зображення, тому що це може викликати здивування у читачів, чому такий маленький малюнок так довго вантажиться. А ось збільшення розмірів призводить до зворотного ефекту - розмір зображення великий, але файл щодо зображення аналогічного розміру завантажується швидше. Але якість малюнка при цьому погіршується.

Закриваючий тег:

обов'язковий

Додаткові відомості HTML тега <IFRAME>:

HTML: 3.2 4 XHTML: 1.0 1.1